<template>
  <div class="img-item">
    <img src="../../assets/img/home.png" alt="" />
    <van-button
      type="default"
      class="btn"
      round
      @click="$router.push({ path: '/login' })"
      >跳过</van-button
    >
  </div>
</template>

<script scoped>
import { ball } from './user'
export default {
  data () {
    return {
      imgs: []
    }
  },
  async created () {
    let res = await ball()
    console.log(res)
    this.imgs = res.data.data
  }
}
</script>

<style scoped>
.img-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.img-item img {
  height: 100%;
  width: 100%;
}
.btn {
  z-index: 60;
  position: absolute;
  top: 460px;
  left: 210px;
  height: 40px;
  width: 60px;
  background-color: #a6a6a6;
  color: #fff;
}
</style>
